<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <!--    引入jquery-->
    <script src="../../js/jquery-3.3.1.js"></script>
    <style>
        * {
        }
    </style>
</head>
<body>
<form action="">
    username: <input type="text" name="username">
    <br>
    password: <input type="password" name="password">
    <br>
    age: <input type="number" name="age">

</form>

<script>

    /**
     * 属性选择器
     * 格式：[属性的名字]
     * 前提是，你的标签必须有这个属性才可以
     */
    $('[name]').css("color","red")

    /**
     * 属性值选择器
     */
    $('[name="username"]').css("border","solid 1px blue")

    /**
     * 属性包含选择器
     * 格式:$('[name*="包含的字符串"]')
     */
    $('[name*="s"]').css("border","solid 1px red")

</script>
</body>
</html>

<!--总结
属性选择器是操作的属性，并且必须要求这个属性是存在该标签中的
    1.属性名称,格式$('[属性名称]')
    2.属性值,格式$('[属性名称="属性值"]')     (注意单双引号，交叉使用）
    3.属性值包含：格式$('[属性名称*="字符"]')
-->